<script type="text/javascript">
    $(document).ready(function(){
        $("#escolha_cad").change(function(){
            var local = $(this).val();
            $.ajax({
                type: "POST",
                url: "visualizacao/c_cad_user.php",
                dataType: "html",
                data: {escolha_cad:local},
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                beforeSend: function(){
                    $("#conteudo").css("height","300px");
                    $("#conteudo").html("<img src='visualizacao/images/ajax-loader.gif' style='margin-top: 150px; margin-left: 380px;'/>");
                },
                complete: function(){
                    $("#conteudo").css("height","auto");
                },
                success: function(html){
                    $("#conteudo").html(html);
                    $("#conteudo").fadeIn(100);
                }
            });
        });
    });
</script>
<h2>Bem vindo ao PortalCOMP!</h2><br>

<div id="lg">

    <div id="logar">
        <form action="#" method="post">
				Entre com seu email:<br>
            <input type="text" name="login" id="login" /><br><br>
				Entre com sua senha:<br>
            <input type="password" name="senha" id="senha" /><br><br>
            <input type="submit" name="enviar" value="Login" />
        </form>
    </div>

    <div id="alogin">
        <p>
            <br>
				LOGIN<br><br>
				Se você já é cadastrado, faça seu login.
        </p>
    </div>

</div>

<div id="lg">
    <div id="logar">
				Escolha o tipo de cadastro:<br>
        <select name="escolha_cad" id="escolha_cad">
            <option value="">Escolha</option>
            <option value="c_cad_aluno">Aluno</option>
            <option value="c_cad_prof">Professor</option>
        </select>
        <br><br>

    </div>

    <div id="alogin">
        <p>
            <br>
				REGISTRAR<br><br>
				Faça seu cadastro agora!
        </p>
    </div>
</div>